| |
「border」プロパティは、上下左右に同じ「太さ」「色」「線種」の枠線を指定するプロパティです。一方、CSSには上下左右の枠線を個別に指定できるプロパティも用意されています。たとえば上の枠線だけを指定する場合は「border-top」プロパティを利用します。値の記述方法は「border」プロパティと同じで、「太さ」「色」「線種」を半角スペースで区切って指定します。同様に、下、左、右の枠線は、以下のプロパティで指定します。
・上の枠線 border-top
・下の枠線 border-bottom
・左の枠線 border-left
・右の枠線 border-right
なお、以下のサンプルのように、「border」プロパティで枠線を指定したあと、「border-bottom」プロパティで下の枠線を指定し、下側だけ種類の異なる枠線を描画することも可能です。 |
<STYLE type="text/css">
：
IMG.pola{
border:8px #FFFFFF solid;
border-bottom:50px #FFFFFF solid;
}
</STYLE>
<BODY>
：
<IMG class="pola" src="photo1.jpg"><BR>
<BR><BR>
<IMG class="pola" src="photo2.jpg">
<IMG class="pola" src="photo3.jpg">
：
|
 |
|
